﻿.item-control, #navbar-iframe,#navbar1 {display:none !important;}
header,nav,section,aside,article,footer {display:block;}
body{background:#EFEFEF; margin:0;padding:0;color:#333333;font:x-small Tahoma;font-size:small;font-size:small;}
a:link {color:#000000;text-decoration:none;}
a:visited {color:#660099;text-decoration:none;}
a:hover {color:#ff6000;text-decoration:none;}
a img {border-width:0;}
a,img{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
img {max-width:100%;height:auto;width:auto\9;}
.rectags a img:hover, .Thumb_left a img:hover, .post a img:hover {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7;opacity:0.7;}
/* Headings
----------------------------------------------- */
p{color:#333333;font:13px Tahoma;}
h3 a:link{color: #04448d;}
h3 a:hove{color:#ff8000}
.sidebar .widget > h2, .footer .widget > h2, .sf-menu a, ul.navtab li a {font:normal normal 12px 'PT Sans Narrow',serif,sans-serif;}
/* Header
----------------------------------------------- */
#header-wrapper {
margin:0 auto 0;
padding:10px;
overflow:hidden;
}
#headtitle {
float:left;
min-width:300px;
max-width:500px;
}
#headads {
float: right;
height: 90px;
max-width: 728px;
min-width: 300px;
}
#header {
margin:0;
}
#header h1,
#header p {
margin:0;
padding:0;
font:normal normal 40px 'PT Sans Narrow',serif,sans-serif;
text-transform:uppercase;
color:#0E0E0E;
}
#header a {
color:#0E0E0E;
text-decoration:none;
}
#header a:hover {
color:#0E0E0E;
}
#header .description {
margin:0;
padding:0 0 10px;
text-transform:capitalize;
font:normal normal 100% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
}
#header img {
margin-left:0;
margin-right:auto;
}
#headads .widget > h2 {
display:none;
}
#headads .widget-content {
margin:0px 0 0;
}
/* Navigation
----------------------------------------------- */
#mobilenav {display:none;}
#nav {height:40px;background-color:#292929;border-bottom:5px solid #FF8000;position:relative;}
.sf-menu,.sf-menu * {margin:0;padding:0;list-style:none;}
.sf-menu li {position:relative;}
.sf-menu ul {position:absolute;display:none;top:100%;left:0;z-index:99;}
.sf-menu > li {float:left;margin:0 1px;}
.sf-menu li:hover > ul,.sf-menu li.sfHover > ul {display:block;}
.sf-menu a {display:block;position:relative;}
.sf-menu > li > a {
font-family: tahoma;
font-size: 12px;
}
.sf-menu ul ul {
top:0;
left:100%;
}
.sf-menu {
float:left;
}
.sf-menu ul {
min-width:12em;
*width:12em;
}
.sf-menu a {
padding:0 10px;
height:40px;
line-height:40px;
text-decoration:none;
zoom:1;
}
.sf-menu a.home {
background-color:#FF8000;
text-indent:-9999px;
padding:0;
width:45px;
margin-left:4px;
background-image:url(http://2.bp.blogspot.com/-QeSf1t2iBOI/UWxMDIUjlbI/AAAAAAAAI9I/02h3nW3FLD4/w25/home.png);
text-indent:-9999px;
background-repeat:no-repeat;
background-position:10px 5px;
}
.sf-menu a {
color:#FAFAFA;
font-size:120%;
}
.sf-menu li {
white-space:nowrap;
*white-space:normal;
-moz-transition:background-color .2s;
-webkit-transition:background-color .2s;
transition:background-color .2s;
position:relative;
}
.sf-menu ul li {
background-color:#FF8000;
}
.sf-menu ul a {
font-weight:normal;
height:30px;
line-height:30px;
}
.sf-menu ul a:hover {
padding-left:12px;
}
.sf-menu ul ul li {
background:#FF8000;
}
.sf-menu li:hover > a,
.sf-menu li.sfHover,
.sf-menu > li > a.current {
background-color:#FF8000;
-moz-transition:none;
-webkit-transition:none;
transition:none;
}
.sf-arrows .sf-with-ul {
padding-right:2em;
*padding-right:1em;
}
.sf-arrows .sf-with-ul:after {
content:'';
position:absolute;
top:50%;
right:0.75em;
margin-top:-3px;
height:0;
width:0;
border:5px solid transparent;
border-top-color:#FAFAFA;
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
border-top-color:white;
}
.sf-arrows ul .sf-with-ul:after {
margin-top:-5px;
margin-right:-3px;
border-color:transparent;
border-left-color:#FAFAFA;
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
border-left-color:white;
}
.sf-menu li > i {
position:absolute;
top:0;
right:5px;
width:30px;
height:30px;
cursor:pointer;
display:none;
background-color:#CCC;
}
/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {font:12px Tahoma;
width:100%;
max-width:1200px;
background-color:#FFFFFF;
margin:0 auto;
padding:0;
text-align:left;
font:normal normal 14px Verdana, Geneva, sans-serif;
-moz-box-shadow:0 0 10px #C7C2C2;
-webkit-box-shadow:0 0 10px #C7C2C2;
box-shadow:0 0 10px #C7C2C2;
}
#main-wrapper {font:12px Tahoma;width:60%;padding:0;float:left;word-wrap:break-word;overflow:hidden;}
#sidebar-wrapper {font:12px Tahoma;width:26%;padding:10px 0;float:left;word-wrap:break-word;overflow:hidden;}
#sidebarl-wrapper {font:12px Tahoma;width:14%;padding:10px 0;float:right;word-wrap:break-word;overflow:hidden;}
/* Posts
-----------------------------------------------
*/
.index h2.post-title,
.archive h2.post-title {
position:absolute;
left:-9999px;
}
a.thumbailhome {
display: block;
float: left;
height: 129px;
margin-right: 15px;
width: 139px;
}
a.thumbailhome img {
background: none repeat scroll 0 0 white;
border: 1px solid gray;
height: 100%;
padding: 1px;
width: 100%;
}
.post-summary strong {
font-size:150%;
}
.post-summary strong a {
text-decoration:none;
}
.post-more-link {
float:right;
padding:2px 5px;
}
.post-more-link a {
display:inline-block;
padding:7px 10px;
text-decoration:none;
background-color:#F8F8F8;
-moz-box-shadow:0 1px 2px #C4C4C4,inset 0 1px 2px #FFF;
-webkit-box-shadow:0 1px 2px #C4C4C4,inset 0 1px 2px #FFF;
box-shadow:0 1px 2px #C4C4C4,inset 0 1px 2px #FFF;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
border:1px solid #D3D3D3;
position:relative;
}
.post-more-link a:hover,
.post-footbg {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity:0.8;
opacity:0.8;
}
.post-more-link a:active {
top:1px;
-moz-box-shadow:0 0 2px #C4C4C4,inset 0 1px 2px #FFF;
-webkit-box-shadow:0 0 2px #C4C4C4,inset 0 1px 2px #FFF;
box-shadow:0 0 2px #C4C4C4,inset 0 1px 2px #FFF;
}
.post-summary p {
font-size:12px;
line-height:1.6em;
margin:10px 0;
}
.post {
position:relative;
overflow:hidden;
margin-bottom:15px;
}
.index .post-footer,
.archive .post-footer {
position:absolute;
top:0;
width:200px;
height:200px;
left:0;
z-index:0;
display:none;
color:#FFF;
}
.index .post-footer a,
.archive .post-footer a {
color:#FFF;
text-decoration:none;
}
.index .post-footer .post-footer-line-1,
.archive .post-footer .post-footer-line-1 {
padding:10px;
line-height:1.6em;
}
.index .dummy-container,
.archive .dummy-container {
width:35px;
overflow:hidden;
height:20px;
}
.post-footbg {
background-color:#FF8000;
position:absolute;
top:0;
height:100%;
width:100%;
z-index:-1;
}
.tr-caption-container img {
border:none;
padding:0;
}
.post blockquote {
margin:1em 20px;
}
.post blockquote p {
margin:.75em 0;
}
.index #Blog1,
.archive #Blog1 {
padding:10px;
margin:10px 10px 10px 5px;
background-color:#FFFFFF;
border:1px solid #DFDFDF;
position:relative;
}
.status-msg-border {
border:1px solid #DFDFDF;
}
.status-msg-bg {
background-color:#FFFFFF;
}
.item .post,
.static_page .post,
.error-custom {
background-color:#FFFFFF;
border:1px solid #DFDFDF;
margin:10px 10px 15px 5px;
padding:0 15px;
line-height:1.6em;
}
.item .post-footer,
.static_page .post-footer {
padding:10px 15px;
margin:0 -15px;
color:#fff;
background-color:#FF8000;
border-top:1px solid #DFDFDF;
}
.item .post-footer a,
.static_page .post-footer a {
color:#fff;
}
.item .post h1.post-title,
.static_page .post h2.post-title {
font-size:130%;
margin:5px 0 10px;
padding:5px 0;
border-bottom:1px solid #DFDFDF;
}
.item .post h1.post-title a,
.static_page .post h2.post-title a {
color:#FF8000;
text-decoration:none;
}
.post-body .left {float:left;margin:0 10px 5px 0;}
.post-body .right {
float:right;
margin:0 0 5px 10px;
}
.post-body .center {
margin:10px 0 15px 0;
display:block;
text-align:center;
}
.breadcrumbs {
padding:5px 10px;
background-color:#FFFFFF;
border:1px solid #DFDFDF;
margin:10px 10px 0 5px;
}
.post-body blockquote {
padding-left:40px;
margin:20px;
font-size:110%;
line-height:1.6em;
color:#777;
background:url(http://1.bp.blogspot.com/-sJbFLVX5LVs/UDzoGxMvWrI/AAAAAAAAAmg/qkUni125BV0/s1600/quotation-l.png) no-repeat left 5px;
}
.post-body iframe {
max-width: 100%;
}
.pager-isi {
overflow:hidden;
margin:0 10px;
}
.pager-isi a,
.pager-isi .linkgrey {
width:50%;
display:block;
float:left;
padding:10px 0;
font-size:120%;
text-decoration:none;
}
.pager-isi h6 {
color:#2C2C2C;
font-size:100%;
margin:0;
}
.pager-isi h5 {
font-size:90%;
margin:0;
}
a.blog-pager-newer-link {
text-align:left;
position:relative;
}
a.blog-pager-newer-link h6,
a.blog-pager-newer-link h5 {
padding-left:20px;
}
a.blog-pager-older-link {
text-align:right;
position:relative;
}
a.blog-pager-older-link h6,
a.blog-pager-older-link h5 {
padding-right:20px;
}
.pager-isi .linkgrey.left {
text-align:left;
}
.pager-isi .linkgrey.right {
text-align:right;
}
a.blog-pager-newer-link span {
width:0;
height:0;
position:absolute;
top:50%;
left:0;
margin-top:-8px;
border:8px solid transparent;
border-right-color:#000000;
}
a.blog-pager-older-link span {
width:0;
height:0;
position:absolute;
top:50%;
right:0;
margin-top:-8px;
border:8px solid transparent;
border-left-color:#000000;
}
.post-more-link a.moreinfo {
background-image:url(http://2.bp.blogspot.com/-EBcQ4LNpc80/UZgj07wqC6I/AAAAAAAAASQ/PZpnj0t6BWg/s1600/sprite1.png);
background-repeat:no-repeat;
background-position:3px -99px;
text-indent:-9999px;
width:30px;
padding:7px 0;
}
.post-timestamp .timestamp-link,
.post-author.vcard .fn,
.post-comment-link .comment-link,
.post-labels span {
padding-left:22px;
background-image:url(http://2.bp.blogspot.com/-EBcQ4LNpc80/UZgj07wqC6I/AAAAAAAAASQ/PZpnj0t6BWg/s1600/sprite1.png);
background-repeat:no-repeat;
display:block;
padding-bottom:2px;
}
.post-timestamp .timestamp-link {
background-position:-2px -29px;
}
.post-author.vcard .fn {
background-position:-2px -52px;
}
.post-comment-link .comment-link {
background-position:-2px -73px;
}
.post-labels span {
background-position:-3px -173px;
}
.error-custom {
padding-bottom:200px;
background-image:url(http://3.bp.blogspot.com/-DCiRbHkaVwE/UZqbA-R06-I/AAAAAAAAAUU/KQ2HYAUxxCw/s1600/backerror.png);
background-repeat:no-repeat;
background-position:100% 100%;
}
.error-custom h2 {
color:#FF8000;
text-decoration:none;
font-size:200%;
margin:5px 0 10px;
padding:5px 0;
border-bottom:1px solid #DFDFDF;
}
#blog-pager-newer-link {
float:left;
}
#blog-pager-older-link {
float:right;
}
.feed-links {
display:none;
}
/* Sidebar Content and Footer Content
----------------------------------------------- */
.sidebar {
color:#000000;
line-height:1.5em;
}
.sidebar ul,
.footer ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
.sidebar li,
.footer li {
margin:5px;
padding-top:0;
padding-right:0;
padding-bottom:.25em;
padding-left:15px;
line-height:1.5em;
}
.sidebar .widget {
background-color:#FFFFFF;
border:1px solid #DFDFDF;
margin:0 5px 15px 0;
}
.sidebar .widget-content {
padding:0;
margin:auto;
}
#sidebar-tengah {
background-color:#FFFFFF;
border:1px solid #DFDFDF;
margin:0 5px 15px 0;
}
#sidebar-tengah .widget {
background-color:transparent;
border:0;
margin:0;
}
#sidebar-tengah .widget > h2 {
display:none;
}
#footer-wrapper {
background-color: #A3A3A3;
border-top: 6px solid #FF8000;
color: black;
font-size: 12px;
padding: 20px 0 0;
}
#footer-wrapper .row {
padding:10px 5px;
overflow:hidden;
}
#footer-wrapper .grid {
float:left;
width:25%;
}
.footer .widget {
padding:0;
margin:0 10px;
}
.footer .widget > h2 {
background-color:#292929;
font-size:160%;
margin:0 0 10px;
padding:0 0 5px;
color:#FF8000;
border-bottom: 1px solid #000000;
}
/* Layout */
body#layout .list-tabwrap {
overflow:hidden;
}
body#layout .sidebarmd-widget {
float:left;
width:33.3%;
}
body#layout ul.navtab {
display:none;
}
#manualslide {
overflow:hidden;
}
body#layout #manualslide .add_widget,
body#layout #manualslide .widget {
width:25%;
float:left;
}
/* other
----------------------------------------------- */
img {
max-width:100%;
height:auto;
width:auto\9;
}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="url"] {
border:1px solid #DFDFDF;
padding:5px 8px;
outline:0;
display:inline-block;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
}
input[type="submit"],
input[type="button"],
button {
border:0;
padding:6px 8px;
outline:0;
color:#FFF;
background-color:#FF8000;
display:inline-block;
cursor:pointer;
position:relative;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
}
input[type="submit"]:active,
input[type="button"]:active,
button:active {
top:1px;
}
/* Pager and Loadmore */
.index #blog-pager,
.archive #blog-pager {
padding:5px 0;
margin:10px 0;
overflow:hidden;
text-align:left;
}
.showpageArea .showpagePoint,
.showpageArea a {
display:inline-block;
padding:9px 12px;
color:#4E4E4E;
margin:0 2px;
border:1px solid #D3D3D3;
text-decoration:none;
background-color:#F8F8F8;
-moz-box-shadow:0 1px 2px #C4C4C4,inset 0 1px 2px #FFF;
-webkit-box-shadow:0 1px 2px #C4C4C4,inset 0 1px 2px #FFF;
box-shadow:0 1px 2px #C4C4C4,inset 0 1px 2px #FFF;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
position:relative;
}
.showpageArea .showpagePoint,
.showpageArea a:hover {
background-color:#FF8000;
color:#FFF;
border:1px solid #FF8000;
}
.showpageArea a:active {
top:1px;
-moz-box-shadow:0 0 2px #C4C4C4,inset 0 1px 2px #FFF;
-webkit-box-shadow:0 0 2px ##C4C4C4,inset 0 1px 2px #FFF;
box-shadow:0 0 2px #C4C4C4,inset 0 1px 2px #FFF;
}
/* Widger Popular Post */
.PopularPosts .item-title {
color: #333333;
font-family: sans-serif;
font-size: 12px;
font-weight: bold;
padding-bottom: 0.2em;
}
.PopularPosts .item-thumbnail {
float:left;
margin:0 5px 5px 0;
width:55px;
height:55px;
}
.PopularPosts img {
width:55px;
height:55px;
padding:0;
}
/* Search Box and Result */
#searchnya {
float:right;
}
#searchnya input {
padding:7px 10px;
width:120px;
margin:6px 0 0;
background-color:#FF8000;
color:#FFF;
}
#searchnya input,
#searchnya button {
border:0;
-moz-border-radius:1px;
-webkit-border-radius:1px;
border-radius:1px;
display:inline-block;
outline:0;
font-size:10px;
}
#searchnya input:focus {
background-color:#FCFCFC;
color:#2C2C2C;
}
#searchnya button {
background-color:#FF8000;
background-image:url(http://1.bp.blogspot.com/-hTfIMjA6-gM/URp-Aoo4QcI/AAAAAAAAIaw/2evt7nA0AsY/s22/button-search.png);
background-position:50% 4px;
background-repeat:no-repeat;
padding:0;
text-indent:-9999px;
width:27px;
height:27px;
margin-right:5px;
cursor:pointer;
}
#search-result {
border:1px solid #DFDFDF;
background-color:#FFFFFF;
padding:8px 10px;
margin:10px 0;
width:280px;
height:auto;
position:absolute;
top:27px;
right:10px;
z-index:99;
-webkit-box-shadow:0 1px 3px #999;
-moz-box-shadow:0 1px 3px #999;
box-shadow:0 1px 3px #999;
display:none;
}
#search-result * {
margin:0 0 0 0;
padding:0 0 0 0;
}
#search-result h4,
#search-result strong {
display:block;
margin:0 30px 10px 0;
font-size:12px;
}
#search-result ol {
list-style:none;
overflow:hidden;
max-height:450px;
}
#search-result ol:hover {
overflow:auto;
}
#search-result ol a:hover {
text-decoration:underline;
}
#search-result .close {
text-decoration:none;
display:block;
position:absolute;
top:4px;
font-size:18px;
right:10px;
line-height:normal;
color:black;
}
#search-result li {
padding:5px 0;
}
#search-result strong {
margin:0 0 3px 0;
display:block;
}
#search-result img {
float:left;
display:block;
margin:0 5px 0 0;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
}
#search-result p {font-size:90%;}
/* News Ticker */
#topmenu {background-color:#DADADA;overflow:hidden;}
#recentpostbreaking ul li a:link{color: #333;}
/* Social Icon */
#socialicon {
float:right;
width:230px;
padding:5px 0;
}
#socialicon ul,
#socialicon li {
padding:0;
margin:0;
list-style:none;
}
#socialicon li {
float:left;
margin:0 2px;
}
#socialicon a {
display:block;
text-indent:-9999px;
width:24px;
height:24px;
background-image:url(http://3.bp.blogspot.com/-7N7Yc9pfpq4/UZWTCyT3cLI/AAAAAAAAARk/v8jfsiRfs9c/s1600/soicon.png);
background-position:-1px 0;
background-repeat:no-repeat;
position:relative;
}
#socialicon a:active {
top:1px;
}
#socialicon .fbx {
background-position:-1px 0;
}
#socialicon .twix {
background-position:-27px 0;
}
#socialicon .goex {
background-position:-53px 0;
}
#socialicon .linx {
background-position:-131px;
}
#socialicon .pinx {
background-position:-79px 0;
}
#socialicon .drix {
background-position:-157px;
}
#socialicon .vmex {
background-position:-183px 0;
}
#socialicon .rssx {
background-position:-105px;
}
/* Top Widget */
.i-wrapper{height: 29px;}
#sidebarl-wrapper h2, #sidebar-wrapper h2, .i-wrapper h2 {
color: gray;
float: left;
font-size: 13px;
margin: 0 10px 0 0;
padding: 0;
text-transform: capitalize;
}
.h2title,.relhead{height: 19px; overflow:hidden;padding:10px;}
.stripe-line{background:url(http://3.bp.blogspot.com/--1csCCEi3gk/UYN0H1vWDHI/AAAAAAAAJaA/esuwPVL3KCw/s1600/dots.png);height:12px;overflow:hidden;margin-top:2px}
#top-home{display: inline; height: auto; overflow: hidden; width: 100%; padding: 2px;}
.i-ads{height: auto; display: inline;float: right; overflow: hidden; width: 336px; padding: 2px;}
.i-recent{height: auto; display: inline; float: left;    overflow: hidden; width: 70%; padding: 2px;}
.toprec {margin: 0px 0px 10px 0px;overflow: hidden;}
.toprec a:hover {color: #FF6000;}
.toprec_wrap {padding: 0px;}
.toprec_wrap ul {list-style-type: none;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}
.toprec_wrap ul li {background:#000;margin: 0px 0px 4px 0px;padding: 0px 0px 0px 13px;}
.toprec_wrap li a, .toprec_wrap li a:link, .toprec_wrap li a:visited {color: #000000;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}
.toprec_wrap li a:hover, .toprec_wrap li a:active {color: #FF7000;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}
.toprec_wrap2 {width: 100%;padding: 5px;margin: 0px;overflow: hidden;}
.Thumb_left img{width: 100%;}
.Thumb_left {width: 59%;border-right: 1px dashed #D2D2D2; padding: 0px;margin: 0px 10px 0px 0px;float: left;}
.posttitle h3, .topPost h3 {border-bottom: 1px dotted;color: #333333;font: 13px 'Arial',serif,sans-serif;margin-bottom: 10px;}
.top_right {width: 36%;padding: 0px;margin: 0px 0px 0px 10px;float: left;}
h3.toprec {line-height: 14px;font-size: 12px;font-weight: bold;font-family: Tahoma;color: #363636;letter-spacing: normal;padding: 5px 11px 5px 11px;margin: 0px 0px 0px 0px;display: block;background: #F5F5F5;}
h3.toprec a,h3.toprec a:visited {color: #000;text-decoration: none;}
a.thumbailleft {display: block;float: left;height: 216px;margin: 10px 20px 5px 5px;width: 269px;}
a.thumbL {display: block;float: left;height: 150px;margin-bottom: 10px;margin-right: 20px;width: 200px;}
a.thumbR {display: block;float: left;height: 43px;margin-right: 20px;width: 49px;}
a.thumbailleft img {background: white;border: 5px solid #D8D8D8;height: 100%;padding: 0px;width: 100%;}
a.thumbR img {background: white;border: 2px solid #D8D8D8;height: 100%;padding: 0px;width: 100%;}
a.thumbL img {background: white;border: 5px solid #D8D8D8;height: 100%;padding: 0px;width: 100%;}
#line-ads {background: none repeat scroll 0 0 #CCC;height: 1px;overflow: hidden;margin-bottom: 5px;margin-top: 5px;}
/* Label Widget */
.Label li {
float:left;
padding:0;
margin:0 2px 5px;
background-color:#F8F8F8;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
border:1px solid #D3D3D3;
position:relative;
}
.Label li a {
display:inline-block;
padding:4px 0 4px 8px;
text-decoration:none;
}
.Label li span {
display:inline-block;
padding:4px 8px 4px 4px;
}
.Label li:active {
top:1px;
}
.Label li span:first-child {
padding:4px 0 4px 8px;
}
.footer .Label li {
background-color:#FF8000;
border:1px solid #FF8000;
font-size: 90%;
}
.footer .Label li a {
color:#FFF;
}
/* Featured Post */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
outline:none;
}
.slides,
.flex-control-nav,
.flex-direction-nav {
margin:0;
padding:0;
list-style:none;
}
.featuredpost {
max-height:350px;
position:relative;
overflow:hidden;
}
#autoslide .widget > h2,
#manualslide .widget > h2 {
display:none;
}
#autoslide .widget,
#manualslide .widget {
margin:10px 10px 15px 5px;
}
.featuredpost ul,
.featuredpost li,
.featuredpost ol {
padding:0;
margin:0;
list-style:none;
}
#autoslide .widget-content {
margin:10px;
}
.featuredpost .featpost li {
overflow:hidden;
height:350px;
position:relative;
}
.featuredpost .featpost img {
width:100%;
height:100%;
}
.featuredpost .labeltext {
bottom:50px;
position:absolute;
max-width:80%;
padding:10px;
background-color:rgba(255, 255, 255, 0.84);
color:#FAFAFA;
}
.featuredpost .labeltext strong {
font-size:160%;
font-weight:bold;
}
.featuredpost .labeltext a {
color:#FF8000;
text-decoration:none;
}
.featuredpost .labeltext p {
margin:5px 0 0;
}
.featuredpost .flex-control-paging {
position:absolute;
bottom:10px;
right:10px;
}
.featuredpost .flex-control-paging li {
float:left;
margin:0 4px;
}
.featuredpost .flex-control-paging a {
display:block;
background-color:#292929;
text-indent:-9999px;
width:15px;
height:15px;
cursor:pointer;
-moz-border-radius:50%;
-webkit-border-radius:50%;
border-radius:50%;
}
.featuredpost .flex-control-paging a.flex-active {
background-color:#FF8000;
}
.featuredpost .flex-direction-nav a {
top:50%;
position:absolute;
width:30px;
height:30px;
margin-top:-15px;
-moz-border-radius:50%;
-webkit-border-radius:50%;
border-radius:50%;
background-color:#FF8000;
text-indent:-9999px;
display:none;
}
.featuredpost .flex-direction-nav a.flex-next {
right:10px;
}
.featuredpost .flex-direction-nav a.flex-prev {
left:10px;
}
.featuredpost:hover .flex-direction-nav a {
display:block;
outline:0;
}
.featuredpost .flex-direction-nav i {
width:0;
height:0;
position:absolute;
top:50%;
left:50%;
margin-top:-6px;
border:6px solid transparent;
}
.featuredpost .flex-direction-nav a.flex-next i {
margin-left:-2px;
border-left-color:#FFFFFF;
}
.featuredpost .flex-direction-nav a.flex-prev i {
margin-left:-10px;
border-right-color:#FFFFFF;
}
#manualslide1 {
max-height:385px;
overflow:hidden;
}
#manualslidenya {
margin:10px 10px 15px 5px;
background-color:#FFFFFF;
border:1px solid #DFDFDF;
position:relative;
}
#manualslidenya > div {
margin:10px;
}
#top {
position:fixed;
right:10px;
bottom:10px;
cursor:pointer;
width:40px;
height:40px;
border-radius:2px;
background-color:#FF8000;
text-indent:-9999px;
display:none;
}
#top span {
position:absolute;
top:50%;
left:50%;
margin-left:-8px;
margin-top:-12px;
height:0;
width:0;
border:8px solid transparent;
border-bottom-color:#FFF;
}
#credit {
padding:10px;
text-align:left;
border-top:1px solid #000000;
}
.loadingxx {
height:200px;
background-image:url(http://4.bp.blogspot.com/-I-H2Bgv5vDA/UZMys_7L3NI/AAAAAAAAARM/wUMlEBtcC7E/s1600/anim_loading_sm_082208.gif);
background-repeat:no-repeat;
background-position:50% 50%;
}
/* Related Post Widget */
#related_posts {
background-color:#FFFFFF;
border:1px solid #FF6000;
margin:10px 10px 15px 5px;
padding:0 15px;
}
#related_posts h4 {
border-bottom: 3px solid #FF6000;
color: #FF6000;
font-size: 15px;
margin: 0 0 10px;
padding: 8px 0 3px;
}
#related_posts ul,
#related_posts li {
padding:0;
margin:0;
list-style:none;
overflow:hidden;
}
#related_posts li {
width:50%;
float:left;
line-height:1.5em;
}
#related_posts .gmbrrltd {
float:left;
margin:0 5px 5px 0;
width:70px;
height:70px;
}
#related_posts strong {
overflow:hidden;
max-height:32px;
}
#related_posts p {
margin:5px 0 0;
}
#related_posts .inner {
padding:5px 8px 5px 0;
height:100px;
}
/* RESPONSIVE */
@media only screen and (max-width:979px) {
#outer-wrapper {
width:768px;
}
#main-wrapper {
width:60%;
}
#sidebar-wrapper {
width:40%;
}
#headtitle {
min-width:200px;
max-width:270px;
}
#latst {
width:520px;
}
#manualslide1 {
max-height:340px;
}
.featuredpost {
max-height:300px;
}
.featuredpost .featpost li {
height:300px;
}
a.thumbailhome,
#related_posts li {
float:none;
width:100%;
}
.index .post-footer,
.archive .post-footer {
width:100%;
}
.post-summary strong {
font-size:200%;
}
.featuredpost .labeltext {
font-size:90%;
}
#related_posts .inner {
height:auto;
}
#footer-wrapper .grid {
width:50%;
margin-bottom:10px;
}
.showpageArea .showpagePoint,
.showpageArea a {
padding:4px 7px;
}
}
@media only screen and (max-width:767px) {
#outer-wrapper {
width:480px;
}
#main-wrapper,
#sidebar-wrapper {
width:100%;
float:none;
}
#header img {
margin-left:auto;
}
#headads {
display:none;
}
#latst {
display:none;
}
#socialicon {
float:none;
width:100%;
text-align:center;
}
#socialicon li {
display:inline-block;
float:none;
}
#headtitle {
max-width:100%;
width:100%;
text-align:center;
}
#mobilenav {
display:inline-block;
background-color:#FF8000;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
text-indent:-9999px;
padding:0;
width:35px;
height:30px;
margin:5px 0 0 5px;
background-image:url(http://1.bp.blogspot.com/-qNTTn43BtE0/UZlQIusHlbI/AAAAAAAAASw/c3HSTYxET_k/s1600/menu.png);
background-position:0 0;
background-repeat:no-repeat;
}
#mobilenav.active {
background-position:0 -34px;
}
.sf-menu {
float:none;
position:absolute;
z-index:99;
left:10px;
right:10px;
top:45px;
background-color:#fff;
display:none;
border:1px solid #DBDBDB;
border-top:0;
}
.sf-menu li {
float:none;
}
.sf-menu a,
.sf-menu a.home {
line-height:30px;
height:30px;
color:#161616;
background-color:#F0F0F0;
text-indent:0;
width:auto;
margin:2px 5px;
background-image:none;
padding:0 10px;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
display:none;
}
.sf-menu ul {
position:static;
}
.sf-menu ul li,
.sf-menu ul ul li,
.sf-menu > li > a.current {
background-color:transparent;
}
.sf-menu li > i {
display:block;
}
.sf-menu li > i::after {
position:absolute;
content:"+";
line-height:30px;
height:30px;
width:30px;
color:#FFF;
text-align:center;
font-size:19px;
}
.sf-menu ul a,
.sf-menu ul a:hover {
padding-left:20px;
}
.sf-menu ul ul a,
.sf-menu ul ul a:hover {
padding-left:25px;
}
.sf-menu li > i.active::after {
content:"-";
font-size:34px;
text-indent:-1px;
line-height:26px;
}
.sf-menu li:hover > a {
background-color:transparent;
}
#autoslide .widget,
#manualslide .widget,
.index #Blog1,
.archive #Blog1,
.sidebar .widget,
#sidebar-tengah,
.breadcrumbs,
.item .post,
.static_page .post,
#related_posts,
.comments,
.error-custom {
margin:10px 5px 15px;
}
#footer-wrapper .grid {
width:100%;
float:none;
}
.separator a {
float:none !important;
margin:0 auto 15px !important;
}
table.tr-caption-container {
float:none !important;
margin:0 auto 10px !important;
padding:0;
}
.post-body .left,
.post-body .right {
float:none;
display:block;
text-align:center;
margin:10px 0 15px;
}
}
@media only screen and (max-width:479px) {
#outer-wrapper {
width:320px;
}
}
@media only screen and (max-width:319px) {
#outer-wrapper {
width:100%;}}
.binhluan {
background-color: #FFFFFF;
border: 1px solid #DFDFDF;
margin: 10px 10px 15px 5px;
padding: 0 15px;
}
.photos {padding: 0px;margin: 0px 0px 0px 0px;float: left;}
.clear {clear: both;}
.clearfix {clear: both;margin-bottom: 15px;}
.padfix {padding-bottom: 20px;}
.borderfix {clear: both;padding: 0px 0px 10px 0px;margin: 0px 0px 10px 0px;border-bottom: 1px dotted #cdcdcd;}
p.lead {font-weight: bold;}
.tags-wid {margin: 0px 0px 10px 0px;overflow: hidden;}
.tags-wid a, .tags-wid a:visited {color: #04448D;text-decoration: none;}
.tags-wid a:hover {color: #FF7000;}
.widgetwrap {padding: 5px 10px;overflow: hidden;}
.widgetwrap ul {list-style-type: none;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}
.widgetwrap ul li {background:#000;margin: 0px 0px 4px 0px;padding: 0px 0px 0px 13px;}
.widgetwrap li a, .widgetwrap li a:link, .widgetwrap li a:visited {color: #000000;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}
.widgetwrap li a:hover, .widgetwrap li a:active {color: #FF7000;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}
.rectags {width: 100%;padding: 0px;margin: 0px;overflow: hidden;}
.rectags_left {border-right: 1px solid #CECECE;float: left;margin: 0 10px 0 0;padding-right: 10px;width: 30%;}
.rectags_right {float: left;margin: 0;padding: 0;width: 65%;}
.rectags h3{line-height: 14px;font-size: 12px;font-weight: bold;font-family: Tahoma;letter-spacing: normal;padding: 5px 0px;margin: 0px 0px 0px 0px;display: block;}
.rectags h3 a:hover {color: #FF8000;}
.post, #post-body{font-size: 13px;color: #333;overflow: hidden;}
b, strong {font-weight: 13px;}
a, .tab-widget-menu li, img {
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.tab-widget-menu {
height: 46px;
margin: 0;
padding: 0px 0 0 0px;
}
.tab-widget-menu ul, .tab-widget-menu li {
list-style: none;
padding: 0;
margin: 0;
}
.tab-widget-menu li {
background: #333;
bottom: -2px;
color: #FFF;
cursor: pointer;
float: left;
height: 38px;
line-height: 38px;
margin: -2px 0px 0 0px;
padding: 0;
position: relative;
text-align: center;
width: 32.5%;
z-index: 2;
}
.tab-widget-menu li.selected {
background: #FF9000;
border-width: 1px 1px 3px;
color: #FFF;
margin-top: -2px;}
.ads728{border: 1px solid #DFDFDF;margin: 5px;}
.download{width:100%; height:32px;color:#fff;border:1px solid #FFF;cursor:pointer;background:#FF9000;margin:20px;padding:15px}
.demo{width:100%; height:32px;color:#fff;border:1px solid #FFF;cursor:pointer;background:#00AEEF;margin:20px;padding:15px}
.demo:hover, .download:hover{background:#32CD32;box-shadow: 0 0px 10px 0 #C3C3C3;}
.download{width:100%; height:32px;color:#fff;border:1px solid #FFF;cursor:pointer;background:#FF9000;margin:20px;padding:15px}
.demo{width:100%; height:32px;color:#fff;border:1px solid #FFF;cursor:pointer;background:#00AEEF;margin:20px;padding:15px}
.demo:hover, .download:hover{background:#32CD32;box-shadow: 0 0px 10px 0 #C3C3C3;}
.download{width:100%; height:32px;color:#fff;border:1px solid #FFF;cursor:pointer;background:#FF9000;margin:20px;padding:15px}
.demo{width:100%; height:32px;color:#fff;border:1px solid #FFF;cursor:pointer;background:#00AEEF;margin:20px;padding:15px}
.demo:hover, .download:hover{background:#32CD32;box-shadow: 0 0px 10px 0 #C3C3C3;}